<template>
  <div class="agentstatement frame_content m10">
    <div class="back_agent" style="margin-bottom: 40px">
      <div class="rea13">
        <table class="common cent">
          <thead class="tab_bg">
            <tr>
              <th colspan="2" style="background: #fff;">
                <a class="input-group date date_time1" id="datetimepicker1">
                  <input
                    type="text"
                    class="form-control date_input"
                    name="time"
                    id="time"
                  />
                  <span class="input-group-addon date_span">
                    <span class="glyphicon glyphicon-calendar"></span>
                  </span>
                  <span class="date_img"></span>
                </a>
              </th>
              <th colspan="2" style="background: #fff;">
                <span class="title">代理报表</span>
                <button class="btn_on1 ml allReward">一键回水</button>
              </th>
              <th colspan="7" style="background: #fff;" class="setTh"></th>
            </tr>
            <tr>
              <th>
                <span class="ag_name">代理</span>
              </th>
              <th>重庆时时彩</th>
              <th>PK拾</th>
              <th>幸运飞艇</th>
              <th>极速赛车</th>
              <th>澳洲5</th>
              <th>澳洲10</th>
              <th>真人游戏</th>
              <th>返水</th>
              <th>状态</th>
              <th>操作</th>
            </tr>
          </thead>
          <tbody></tbody>
        </table>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style>
.back_agent table thead {
  font-weight: bolder;
}
.date_time1 {
  position: relative;
  display: inline-block;
  width: 50%;
  height: 30px !important;
}
.agentstatement a {
  color: #08c;
  text-decoration: none;
}
.date_input {
  width: 98%;
  height: 30px !important;
  margin-bottom: 0 !important;
}
.date_span {
  position: absolute;
  left: 0;
  width: 30px;
  height: 30px;
  top: 0;
}
.input-group.date .input-group-addon span {
  cursor: pointer;
  width: 14px;
  height: 14px;
}
.date_img {
  position: absolute;
  right: 2px;
  width: 26px;
  height: 26px;
  top: 2px;
  background: url(../../images/date.png);
  background-size: 100% 100%;
}
.back_agent table th:nth-child(2),
.back_agent table td:nth-child(2) {
  color: blue;
}
.agentstatement .title {
  font-size: 160%;
  font-weight: bolder;
  color: blue;
  line-height: 40px;
}
.ag_name {
  color: #d79e24;
}
.back_agent table th:nth-child(3),
.back_agent table td:nth-child(3) {
  color: #28a68b;
}
.back_agent table th:nth-child(4),
.back_agent table td:nth-child(4) {
  color: red;
}
.back_agent table th:nth-child(5),
.back_agent table td:nth-child(5) {
  color: #38b200;
}
</style>
